* {
  padding: 0px;
  list-style: none;
}
table {
  border: solid 1px #ddd;
  width: 800px;
  tbody {
    tr:nth-child(odd) {
      td:nth-child(even) {
        background-color: red;
        color: white;
      }
    }
    tr,
    td {
      border: solid 1px #ddd;
      text-align: center;
    }
    tr:hover {
      td:nth-child(even) {
        background-color: blue;
        color: white;
      }
      background-color: blue;
      color: white;
    }
  }
}
div {
  span {
    display: block;
    float: left;
    padding-left: 5px;

    img {
      border-radius: 5px;
    }
  }
  input[type='checkbox'] {
    display: none;
  }
  .yc {
    display: none;
  }
  input[type='checkbox']:checked + div.yc {
    display: block;
  }
}
